<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>GWT Coordinates Test Page (Quirks mode)</title>
	<meta name='gwt:module' content='asquare.gwt.tests.clientcoords.Demo'>
	<LINK rel="stylesheet" type="text/css"/ href="style.css">
	<STYLE type="text/css">
		html {height: 800px;}
		BODY {
		  background-image: url(grid.gif);
		  border: solid red 1px;
		  height: 800px;
		}
		
		.gwt-DialogBox {
		  background-image: url(grid.gif);
		  border: solid 1px #87B3FF;
		}
		
		.gwt-DialogBox .Caption {
		  background-color: rgb(195, 217, 255);
		  padding: 3px;
		  font-weight: bold;
		  font-size: smaller;
		  text-align: center;
		  cursor: default;
		}
	</STYLE>
</head>

<body>
<script language="javascript" src="gwt.js"></script>
<DIV id="outer" style="width: 800px; height: 800px;">
<DIV id="bugReport">
	<h2>GWT Coordinates Test Page (Quirks mode)</h2>
	<h4>Instructions</h4>
	<ul style="clear: left;">
		<LI>Resize so that window scrolls vertically</LI>
		<LI>Click and note the position in the textbox</LI>
		<LI>Scroll down with the mouse wheel. Do not move the cursor. </LI>
		<LI>Click again and note the position in the textbox</LI>
		<LI>Expected: reported position is same for both clicks</LI>
	</ul>
</DIV>
</DIV>
</body>
</html>
